<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ez="http://java.sun.com/jsf/composite/ezcomp"> 
    <!--
    Author Lu Xiaodi
    -->
    <h:head> 
        <title>IOTR</title> 
        <style type="text/css"> 
            body{
                margin-top: 50px;
                margin-left:150px;
                margin-right:150px;

            }  
            .gritter-notice-wrapper { 
                left:200px; 
                top:50px; 
            } 
        </style> 
    </h:head> 

    <h:body>                 
        <ez:OutletManagerIOTRHeaderMenu/>
        <ez:OutletManagerIOTRTitle/>

        <p:panel id="sales"> 
            <h:form>
                <h:panelGrid columns="2">
                    <p:lineChart value="#{ompipManagedBean.sales}" var="sale" xfield="#{sale.timeStr}"  
                                 titleX="Month" titleY="Amount" >
                        <p:chartSeries label="Sales" value="#{sale.revenue}"/>  
                    </p:lineChart>  
                    
                    <h:panelGrid columns ="3">
                        <h:outputText value="Select Time range: "/>
                        <h:outputText/>
                        <h:outputText/>
<!--                        <h:selectOneMenu value="">
                            <f:selectItems value="#{ompipManagedBean.availableMonths}" 
                                           var ="mon"
                                           itemValue="#{mon}"
                                           itemLabel="#{mon.get(Calendar.MONTH)}, #{mon.get(Calendar.YEAR)}"/>
                        </h:selectOneMenu>-->
                    </h:panelGrid>
                </h:panelGrid>

            </h:form>
        </p:panel>
        <p:panel id="reservations"> 

        </p:panel> 


        <p:panel id="ads">
        </p:panel>
    </h:body> 
</html>